{extend name="layout/layout"}
{block name="content"}
<main class="user_page  ">
    <section class="">
        <div class="layui-main">
            <div class="user_con">
                <div class="user_headpage" data-load="active_header">
                    {include file="user_activity/header" menu='role' /}
                </div>
                <div class="right_main ">

                    <p class="ft24 mb10 ft-bold">共管人設定</p>
                    <p class="ft14 gary_c9 mb20 ft-bold">該主辦身份中，新增或調整所有活動的主辦共管人。 金星以上主辦擁有最多5位共管者</p>
                    <div class="block_com">
                       <from class="layui-form">
  
                          <div class="ticket_ul2 ar_table">
                             <table class="layui-table tac" lay-skin="nob">
                                <colgroup>
                                   <col>
                                   <col width="180">
                                   <col width="180">
                                   <col width="180">
                                   <col width="180">
                                </colgroup>
                                <thead>
                                   <tr>
                                      <th></th>
                                      <th>
                                         <div class="tac">主辦管理</div>
                                      </th>
                                      <th>
                                         <div class="tac">活動管理</div>
                                      </th>
                                      <th>
                                         <div class="tac">共管人設定</div>
                                      </th>
                                      <th>
                                         <div class="tac">參加人電話</div>
                                      </th>
                                   </tr>
                                </thead>
                                <tbody>
                                   <tr>
                                      <td>
                                         <div class=" item1">
                                            <div class="user_img">
                                               <img src="__ROOT__/public/activity/images/user3.png">
                                            </div>
                                            <div>
                                               <p class="ft-bold">werwe</p>
                                               <p class="ft12 gar_c6">39846257@qq.com</p>
                                            </div>
                                         </div>
                                      </td>
                                      <td><i data-btn="select" data-status="disabled"
                                            class="iconfont icon-selected ft40"></i></td>
                                      <td><i data-btn="select" data-status="disabled"
                                            class="iconfont icon-selected ft40"></i></td>
                                      <td><i data-btn="select" data-status="disabled"
                                            class="iconfont icon-selected ft40"></i></td>
                                      <td><i data-btn="select" data-status="disabled"
                                            class="iconfont icon-selected ft40"></i></td>
                                   </tr>
                                   <tr>
                                      <td>
                                         <a href="/activity/user/active_role_add.html" class="item1">
                                            <div class="user_img">
                                               <img src="__ROOT__/public/activity/images/add.jpg">
                                            </div>
                                            <div>
                                               <p class="ft-bold orange_c">新增</p>
                                            </div>
                                         </a>
                                      </td>
                                      <td><i data-btn="select" class="iconfont icon-noselect ft40"></i></td>
                                      <td><i data-btn="select" class="iconfont icon-noselect ft40"></i></td>
                                      <td><i data-btn="select" class="iconfont icon-noselect ft40"></i></td>
                                      <td><i data-btn="select" class="iconfont icon-noselect icon-selected ft40"></i></td>
                                   </tr>
                                </tbody>
                             </table>
                          </div>
                          <div class=" d-flex jc-fe al-c mt40">
  
                             <button class="layui-btn layui-bg-orange next-btn">储存</button>
  
                          </div>
                       </from>
                    </div>
                 </div>
               
            </div>
        </div>
    </section>
</main>
<script>
  $(document).on('click', '[data-btn="select"]', function () {
      var disabled = $(this).attr('data-status')
      if (disabled == 'disabled') {
         return;
      }
      $(this).toggleClass('icon-selected')
   })
</script>
{/block}